﻿<!DOCTYPE html>
<html>
  <head>
    <title>购买界面</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/购买界面/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/购买界面/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u409" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
      </div>

      <!-- Unnamed (组合) -->
      <div id="u410" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
      </div>

      <!-- Unnamed (组合) -->
      <div id="u411" class="ax_default" data-left="0" data-top="0" data-width="300" data-height="638">

        <!-- Unnamed (图片) -->
        <div id="u412" class="ax_default _图片">
          <img id="u412_img" class="img " src="images/首页/u2.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u413" class="ax_default _图片">
          <img id="u413_img" class="img " src="images/首页/u3.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u414" class="ax_default _图片">
          <img id="u414_img" class="img " src="images/首页/u4.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u415" class="ax_default box_2">
          <div id="u415_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u416" class="ax_default box_2">
        <div id="u416_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u417" class="ax_default _图片">
        <img id="u417_img" class="img " src="images/首页/u7.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u418" class="ax_default _三级标题">
        <div id="u418_div" class=""></div>
        <div id="u418_text" class="text ">
          <p><span>购买饮品包</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u419" class="ax_default" data-left="29" data-top="139" data-width="244" data-height="74">

        <!-- Unnamed (矩形) -->
        <div id="u420" class="ax_default box_2">
          <div id="u420_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u421" class="ax_default _文本段落">
        <div id="u421_div" class=""></div>
        <div id="u421_text" class="text ">
          <p><span>￥35</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u422" class="ax_default box_1">
        <div id="u422_div" class=""></div>
        <div id="u422_text" class="text ">
          <p><span>微信支付</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u423" class="ax_default" data-left="29" data-top="219" data-width="244" data-height="74">

        <!-- Unnamed (矩形) -->
        <div id="u424" class="ax_default box_2">
          <div id="u424_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u425" class="ax_default _文本段落">
        <div id="u425_div" class=""></div>
        <div id="u425_text" class="text ">
          <p><span>￥55</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u426" class="ax_default box_1">
        <div id="u426_div" class=""></div>
        <div id="u426_text" class="text ">
          <p><span>后台配置@海洋：</span></p><p><span>图片</span></p><p><span>总价</span></p><p><span>杯数</span></p><p><span>文案</span></p><p><span><br></span></p><p><span>n=饮品包总价/个数</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u427" class="ax_default" data-left="29" data-top="300" data-width="244" data-height="74">

        <!-- Unnamed (矩形) -->
        <div id="u428" class="ax_default box_2">
          <div id="u428_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u429" class="ax_default _文本段落">
        <div id="u429_div" class=""></div>
        <div id="u429_text" class="text ">
          <p><span>￥100</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u430" class="ax_default box_1">
        <img id="u430_img" class="img " src="images/购买界面/u430.png"/>
        <div id="u430_text" class="text ">
          <p><span>pic</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u431" class="ax_default _连接线">
        <img id="u431_seg0" class="img " src="images/购买界面/u431_seg0.png" alt="u431_seg0"/>
        <img id="u431_seg1" class="img " src="images/下单逻辑/u321_seg1.png" alt="u431_seg1"/>
        <div id="u431_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u432" class="ax_default _文本段落">
        <div id="u432_div" class=""></div>
        <div id="u432_text" class="text ">
          <p><span>每杯只需n元</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u433" class="ax_default _文本段落">
        <div id="u433_div" class=""></div>
        <div id="u433_text" class="text ">
          <p><span>每杯只需n元</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u434" class="ax_default _文本段落">
        <div id="u434_div" class=""></div>
        <div id="u434_text" class="text ">
          <p><span>每杯只需n元</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u435" class="ax_default box_1">
        <img id="u435_img" class="img " src="images/购买界面/u430.png"/>
        <div id="u435_text" class="text ">
          <p><span>pic</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u436" class="ax_default box_1">
        <img id="u436_img" class="img " src="images/购买界面/u430.png"/>
        <div id="u436_text" class="text ">
          <p><span>pic</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u437" class="ax_default box_1">
        <div id="u437_div" class=""></div>
        <div id="u437_text" class="text ">
          <p><span>微信支付</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u438" class="ax_default box_1">
        <div id="u438_div" class=""></div>
        <div id="u438_text" class="text ">
          <p><span>微信支付</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u439" class="ax_default" data-left="595" data-top="0" data-width="300" data-height="638">

        <!-- Unnamed (图片) -->
        <div id="u440" class="ax_default _图片">
          <img id="u440_img" class="img " src="images/首页/u2.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u441" class="ax_default _图片">
          <img id="u441_img" class="img " src="images/首页/u3.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u442" class="ax_default _图片">
          <img id="u442_img" class="img " src="images/首页/u4.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u443" class="ax_default box_2">
          <div id="u443_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u444" class="ax_default box_2">
        <div id="u444_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u445" class="ax_default _图片">
        <img id="u445_img" class="img " src="images/首页/u7.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u446" class="ax_default _三级标题">
        <div id="u446_div" class=""></div>
        <div id="u446_text" class="text ">
          <p><span>支付成功</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u447" class="ax_default _文本段落">
        <div id="u447_div" class=""></div>
        <div id="u447_text" class="text ">
          <p><span>成功购买x个饮品包</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u448" class="ax_default box_1">
        <div id="u448_div" class=""></div>
        <div id="u448_text" class="text ">
          <p><span>查看饮品包</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u449" class="ax_default box_1">
        <div id="u449_div" class=""></div>
        <div id="u449_text" class="text ">
          <p><span>去使用</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u450" class="ax_default _文本段落">
        <div id="u450_div" class=""></div>
        <div id="u450_text" class="text ">
          <p><span>可在我的饮品包中查看</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u451" class="ax_default box_1">
        <div id="u451_div" class=""></div>
        <div id="u451_text" class="text ">
          <p><span><br></span></p><p><span>pic样式参考：</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u452" class="ax_default _连接线">
        <img id="u452_seg0" class="img " src="images/购买界面/u452_seg0.png" alt="u452_seg0"/>
        <img id="u452_seg1" class="img " src="images/购买界面/u452_seg1.png" alt="u452_seg1"/>
        <img id="u452_seg2" class="img " src="images/下单逻辑/u321_seg1.png" alt="u452_seg2"/>
        <div id="u452_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u453" class="ax_default box_1">
        <div id="u453_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u454" class="ax_default image">
        <img id="u454_img" class="img " src="images/我的/u357.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u455" class="ax_default image">
        <img id="u455_img" class="img " src="images/我的/u357.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u456" class="ax_default image">
        <img id="u456_img" class="img " src="images/我的/u357.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u457" class="ax_default box_1">
        <div id="u457_div" class=""></div>
        <div id="u457_text" class="text ">
          <p><span>限时优惠 买3赠1</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
